<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<!--
           个人信息 COMMON
-->

<!--学生-->
<div class="intro-y box px-5 pt-5 mt-5" th:fragment="Student">
    <div class="flex flex-col lg:flex-row border-b border-gray-200 pb-5 -mx-5">
        <div class="flex flex-1 px-5 items-center justify-center lg:justify-start">
            <div class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative">
                <img alt="Midone Tailwind HTML Admin Template" class="rounded-full"th:src="@{../static/image/favicon/monkey.png}">
                <div class="absolute mb-1 mr-1 flex items-center justify-center bottom-0 right-0 bg-theme-1 rounded-full p-2">
                    <i class="w-4 h-4 text-white" data-feather="camera"></i>
                </div>
            </div>
            <div class="ml-5">
                <div class="w-24 sm:w-40 truncate sm:whitespace-normal font-medium text-lg" th:text="${session.NickName}"></div>
                <div class="text-gray-600">
                    <i data-feather="camera"></i>
                    <!--                            <div th:text="${session.user.gender}"></div>-->
                </div>
            </div>
        </div>
        <div class="flex mt-6 lg:mt-0 items-center lg:items-start flex-1 flex-col justify-center text-gray-600 px-5 border-l border-r border-gray-200 border-t lg:border-t-0 pt-5 lg:pt-0">
            <div class="truncate sm:whitespace-normal flex items-center">
                <i data-feather="mail" class="w-4 h-4 mr-2"></i>russellcrowe@left4code.com
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="instagram" class="w-4 h-4 mr-2"></i>Instagram Russell Crowe
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="twitter" class="w-4 h-4 mr-2"></i>Twitter Russell Crowe
            </div>
        </div>
        <div class="mt-6 lg:mt-0 flex-1 px-5 border-t lg:border-0 border-gray-200 pt-5 lg:pt-0">
            <div class="font-medium text-center lg:text-left lg:mt-5">
                Sales Growth
            </div>
            <div class="flex items-center justify-center lg:justify-start mt-2">
                <div class="mr-2 w-20 flex">
                    USP:
                    <span class="ml-3 font-medium text-theme-9">+23%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-1" height="40"></canvas>
                </div>
            </div>
            <div class="flex items-center justify-center lg:justify-start">
                <div class="mr-2 w-20 flex">
                    STP:
                    <span class="ml-3 font-medium text-theme-6">-2%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-2" height="40"></canvas>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-tabs flex flex-col sm:flex-row justify-center lg:justify-start">
        <a data-toggle="tab" data-target="#dashboard" href="javascript:;" class="py-4 sm:mr-8 active">我的课表</a>
        <a data-toggle="tab" data-target="#account-and-profile" href="javascript:;" class="py-4 sm:mr-8">修改密码</a>
        <a data-toggle="tab" data-target="#activities" href="javascript:;" class="py-4 sm:mr-8">历史登陆记录</a>
        <a data-toggle="tab" data-target="#tasks" href="javascript:;" class="py-4 sm:mr-8">系统设置</a>
    </div>
</div>
<!--老师-->
<div class="intro-y box px-5 pt-5 mt-5" th:fragment="Teacher">
    <div class="flex flex-col lg:flex-row border-b border-gray-200 pb-5 -mx-5">
        <div class="flex flex-1 px-5 items-center justify-center lg:justify-start">
            <div class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative">
                <img alt="Midone Tailwind HTML Admin Template" class="rounded-full"th:src="@{../static/image/favicon/monkey.png}">
                <div class="absolute mb-1 mr-1 flex items-center justify-center bottom-0 right-0 bg-theme-1 rounded-full p-2">
                    <i class="w-4 h-4 text-white" data-feather="camera"></i>
                </div>
            </div>
            <div class="ml-5">
                <div class="w-24 sm:w-40 truncate sm:whitespace-normal font-medium text-lg" th:text="${session.NickName}"></div>
                <div class="text-gray-600">
                    <i data-feather="camera"></i>
                    <!--                            <div th:text="${session.user.gender}"></div>-->
                </div>
            </div>
        </div>
        <div class="flex mt-6 lg:mt-0 items-center lg:items-start flex-1 flex-col justify-center text-gray-600 px-5 border-l border-r border-gray-200 border-t lg:border-t-0 pt-5 lg:pt-0">
            <div class="truncate sm:whitespace-normal flex items-center">
                <i data-feather="mail" class="w-4 h-4 mr-2"></i>russellcrowe@left4code.com
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="instagram" class="w-4 h-4 mr-2"></i>Instagram Russell Crowe
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="twitter" class="w-4 h-4 mr-2"></i>Twitter Russell Crowe
            </div>
        </div>
        <div class="mt-6 lg:mt-0 flex-1 px-5 border-t lg:border-0 border-gray-200 pt-5 lg:pt-0">
            <div class="font-medium text-center lg:text-left lg:mt-5">
                Sales Growth
            </div>
            <div class="flex items-center justify-center lg:justify-start mt-2">
                <div class="mr-2 w-20 flex">
                    USP:
                    <span class="ml-3 font-medium text-theme-9">+23%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-1" height="40"></canvas>
                </div>
            </div>
            <div class="flex items-center justify-center lg:justify-start">
                <div class="mr-2 w-20 flex">
                    STP:
                    <span class="ml-3 font-medium text-theme-6">-2%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-2" height="40"></canvas>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-tabs flex flex-col sm:flex-row justify-center lg:justify-start">
        <a data-toggle="tab" data-target="#dashboard" href="javascript:;" class="py-4 sm:mr-8 active">我的课表</a>
        <a data-toggle="tab" data-target="#account-and-profile" href="javascript:;" class="py-4 sm:mr-8">修改密码</a>
        <a data-toggle="tab" data-target="#activities" href="javascript:;" class="py-4 sm:mr-8">历史登陆记录</a>
        <a data-toggle="tab" data-target="#tasks" href="javascript:;" class="py-4 sm:mr-8">系统设置</a>
    </div>
</div>
<!--教务处管理员-->
<div class="intro-y box px-5 pt-5 mt-5" th:fragment="Admin">
    <div class="flex flex-col lg:flex-row border-b border-gray-200 pb-5 -mx-5">
        <div class="flex flex-1 px-5 items-center justify-center lg:justify-start">
            <div class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative">
                <img alt="Midone Tailwind HTML Admin Template" class="rounded-full"th:src="@{../static/image/favicon/monkey.png}">
                <div class="absolute mb-1 mr-1 flex items-center justify-center bottom-0 right-0 bg-theme-1 rounded-full p-2">
                    <i class="w-4 h-4 text-white" data-feather="camera"></i>
                </div>
            </div>
            <div class="ml-5">
                <div class="w-24 sm:w-40 truncate sm:whitespace-normal font-medium text-lg" th:text="${session.NickName}"></div>
                <div class="text-gray-600 w-25">
                    <p th:text="${session.user.gender}"></p>
                </div>
            </div>
        </div>
        <div class="flex mt-6 lg:mt-0 items-center lg:items-start flex-1 flex-col justify-center text-gray-600 px-5 border-l border-r border-gray-200 border-t lg:border-t-0 pt-5 lg:pt-0">
            <div class="truncate sm:whitespace-normal flex items-center">
                <i data-feather="tag" class="w-4 h-4 mr-2"></i>
                <span th:text="'编号：' + ${session.user.id}"></span>
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="crosshair" class="w-4 h-4 mr-2"></i>
                <span th:text="'用户账号：' + ${session.user.admin_id}"></span>
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="eye" class="w-4 h-4 mr-2"></i>
                <span th:text="'注册时间：' + ${session.user.release_time}"></span>
            </div>
        </div>
    </div>
    <div class="nav-tabs flex flex-col sm:flex-row justify-center lg:justify-start">
        <a data-toggle="tab" data-target="#account-and-profile" href="javascript:;" class="py-4 sm:mr-8 active">我的消息</a>
        <a data-toggle="tab" data-target="#account-and-profile" href="javascript:;" class="py-4 sm:mr-8">修改密码</a>
        <a data-toggle="tab" data-target="#activities" href="javascript:;" class="py-4 sm:mr-8">历史登陆记录</a>
        <a data-toggle="tab" data-target="#tasks" href="javascript:;" class="py-4 sm:mr-8">系统设置</a>
    </div>
</div>
<!--系统管理员-->
<div class="intro-y box px-5 pt-5 mt-5" th:fragment="Surper">
    <div class="flex flex-col lg:flex-row border-b border-gray-200 pb-5 -mx-5">
        <div class="flex flex-1 px-5 items-center justify-center lg:justify-start">
            <div class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative">
                <img alt="Midone Tailwind HTML Admin Template" class="rounded-full"th:src="@{../static/image/favicon/monkey.png}">
                <div class="absolute mb-1 mr-1 flex items-center justify-center bottom-0 right-0 bg-theme-1 rounded-full p-2">
                    <i class="w-4 h-4 text-white" data-feather="camera"></i>
                </div>
            </div>
            <div class="ml-5">
                <div class="w-24 sm:w-40 truncate sm:whitespace-normal font-medium text-lg" th:text="${session.NickName}"></div>
                <div class="text-gray-600">
                    <i data-feather="camera"></i>
                    <!--                            <div th:text="${session.user.gender}"></div>-->
                </div>
            </div>
        </div>
        <div class="flex mt-6 lg:mt-0 items-center lg:items-start flex-1 flex-col justify-center text-gray-600 px-5 border-l border-r border-gray-200 border-t lg:border-t-0 pt-5 lg:pt-0">
            <div class="truncate sm:whitespace-normal flex items-center">
                <i data-feather="mail" class="w-4 h-4 mr-2"></i>russellcrowe@left4code.com
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="instagram" class="w-4 h-4 mr-2"></i>Instagram Russell Crowe
            </div>
            <div class="truncate sm:whitespace-normal flex items-center mt-3">
                <i data-feather="twitter" class="w-4 h-4 mr-2"></i>Twitter Russell Crowe
            </div>
        </div>
        <div class="mt-6 lg:mt-0 flex-1 px-5 border-t lg:border-0 border-gray-200 pt-5 lg:pt-0">
            <div class="font-medium text-center lg:text-left lg:mt-5">
                Sales Growth
            </div>
            <div class="flex items-center justify-center lg:justify-start mt-2">
                <div class="mr-2 w-20 flex">
                    USP:
                    <span class="ml-3 font-medium text-theme-9">+23%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-1" height="40"></canvas>
                </div>
            </div>
            <div class="flex items-center justify-center lg:justify-start">
                <div class="mr-2 w-20 flex">
                    STP:
                    <span class="ml-3 font-medium text-theme-6">-2%</span>
                </div>
                <div class="w-32 lg:w-40">
                    <canvas class="simple-line-chart-2" height="40"></canvas>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-tabs flex flex-col sm:flex-row justify-center lg:justify-start">
        <a data-toggle="tab" data-target="#dashboard" href="javascript:;" class="py-4 sm:mr-8 active">我的课表</a>
        <a data-toggle="tab" data-target="#account-and-profile" href="javascript:;" class="py-4 sm:mr-8">修改密码</a>
        <a data-toggle="tab" data-target="#activities" href="javascript:;" class="py-4 sm:mr-8">历史登陆记录</a>
        <a data-toggle="tab" data-target="#tasks" href="javascript:;" class="py-4 sm:mr-8">系统设置</a>
    </div>
</div>
</html>